<template>
  <div class="templateManage-search">
    <a class="btn" @click.stop="handleAdd">
      <i class="fa fa-plus"></i>新增
    </a>
    <add-dialog :dialogVisible.sync='dialogVisible'/>
  </div>
</template>

<script>
import { MessageBox, Message } from 'element-ui'
import AddDialog from './addDialog'
import Bus from './bus'
export default {
  components: {
    AddDialog
  },
  data () {
    return {
      searchVal: '',
      dialogVisible: false
    }
  },
  methods: {
    handleAdd () {
      this.dialogVisible = true
    },

  },
}
</script>
<style scoped>
.search-wrap {
  padding-left: 20px;
}
.search-wrap label {
  margin-right: 10px;
}
.btn {
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  display: inline-block;
  background-color: #18a689;
  border-radius: 5px;
  padding: 5px;
  min-width: 54px;
  margin: 20px 0 20px 20px;
  cursor: pointer;
}
.btn i {
  margin-right: 2px;
}
</style>

